<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品</title>
    <link rel="stylesheet" href="./css/common.min.css">
    <link rel="stylesheet" href="./css/product.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1689617_z7xmvep17e.css">
</head>
<body>
     <!-- 头部 -->
     <header>
        <div class="head-top clearFix">
            <div class="head-top-content">
            <div class="fl">
              全国服务热线：400-000-0000
            </div>
            <div class="fr clearFix">
                <p class="fl btn-set-index">设为首页</p>
                <p class="fl bt-collect">加入我们</p>
            </div>
            </div>
        </div>
    </header>
    <!-- 导航 -->
    <nav>
        <div class="nav-l clearFix">
            <div class="imgWrap fl">
                <img src="./image/index/logo.jpg">
            </div>
            <div class="title fl">
                <h3>TK科技有限公司</h3>
                <p>cer dcd keo Holdings Co., Ltd.</p>
            </div>
        </div>
        <div class="nav-r clearFix">
            <ul>
                <li class="active fl"><a href="./index.html">首页</a><div><a href="index.html">Home</a></div></li>
                <li class="fl"><a href="#">关于我们</a><div><a href="#">About</a></div></li>
                <li class="fl"><a href="./detail.html">产品中心</a><div><a href="./detail.html">Products</a></div></li>
                <li class="fl"><a href="#">服务支持</a><div><a href="#">Service</a></div></li>
                <li class="fl"><a href="#">新闻中心</a><div><a href="#">News</a></div></li>
                <li class="fl"><a href="#">在线商品</a><div><a href="#">Shop</a></div></li>
                <li class="fl"><a href="#">联系我们</a><div><a href="#">Contact Us</a></div></li>
            </ul>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="imgWrap">
        <img src="./image/product/banner_b.jpg">
    </div>
    <!-- 内容 -->
    <div class="content-wrapper">
        <div class="content">
        <p>首页 > 新品发布</p>
        
        <div class="series">
            <div class="bw">
                <p>百万高清系列</p>
                <i class="iconfont icon-down"></i>
            </div>
            <div class="bq">
            <p>标清系列</p>
            <i class="iconfont icon-down"></i>
            </div>
            <div class="fs">
            <p>户外防水系列</p>
            <i class="iconfont icon-down"></i>
            </div>
            <div class="sn">
            <p>室内系列</p>
            <i class="iconfont icon-down"></i>
            </div>
        </div>
        <div class="clearFix">
        <div class="search fr">
            <div>
                <input type="text" placeholder="搜索产品">
                <i class="iconfont icon-sousuo"></i>
            </div>
        </div>
        </div>
        <div class="goods clearFix">
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-1.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-2.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-3.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-4.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-5.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-6.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-7.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-8.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>
            <div class="good-1 fl">
                <div class="g-1 imgWrap">
                    <img src="./image/product/pic-9.jpg">
                </div>
                <h3>S6202Y-WR</h3>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
            </div>

        </div>
        <div class="pages">
            <ul>
            <li><a href="">上一页</a></li>
            <li class="act"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href="">6</a></li>
            <li><a href="">下一页</a></li>
            </ul>
        </div>
        </div>   
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="foot-top">
            <div class="foot-t1">
                <p>关注我们：</p>
                <div>
                    <img src="./image/index/foot-1.jpg">
                    <img src="./image/index/foot-2.jpg">
                    <img src="./image/index/foot-3.jpg">
                </div>
            </div>
            <div class="foot-t2">
                <ul>
                    <li><a href="#">网站首页</a></li>
                    <li>·</li>
                    <li><a href="#">新闻动态</a></li>
                    <li>·</li>
                    <li><a href="#">关于我们</a></li>
                    <li>·</li>
                    <li><a href="#">团队风采</a></li>
                    <li>·</li>
                    <li><a href="#">联系我们</a></li>
                    <li>·</li>
                    <li><a href="#">在线留言</a></li>
                </ul>
            </div>
        </div>
        <div class="foot-b">
            &copy;2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
        </div>
    </footer>
</body>
</html>